<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				background-color: #0000CD;
			}
			.father{
					margin: 0 auto;
					width: 600px;
				
			}
			.top{
				margin-top: 20px;
				width: 600px;
				height: 50px;
				text-align: center;
				font-family: "华文细黑";
				font-size: 28px;
				color: #FFFFFF;
				letter-spacing: 4px;
			}
			.top img{
				 opacity: 0.35;
				position: relative;
				top: 20px;
				right: 15px;
				
			}
			.main{
				width: 900px;
				height: 600px;
				margin: 60px auto;
				background: #FFFFFF;
				position: relative;
				right: 120px;
				z-index: 1;
		
			}
			.main p{
				position: absolute;
				top: 30px;
				left: 150px;
				background-color: #FFFFFF;
				font-family: "黑体";
				font-size: 1.8em;
				color: #696969;
				z-index: 0;
				
			}
			.main span{
				position: relative;
				left: 600px;
				top: 40px;
				font-size: 14px;
				background: #FFFFFF;
			}
			.main a:link,.main a:visited{
				color: #696969;
				background: #FFFFFF;
				text-decoration: none;
				/*padding: 5px;*/
			}
			.main a:hover{
				color: red;
				font-weight: bold;
					text-decoration: underline;
				/*transition-duration: 3s;*/
			}			
			hr{
				position: relative;
				top: -650px;
				width: 650px;
				z-index: 1;
			}
			.left{
				position: absolute;
				top: 130px;
				left: 130px;
				width: 300px;
				height: 350px;
				background: #FFFFFF;
				border-style: solid;
				border-color: #CCCCCC;
			}
			.left span{
				font-size: 18px;
				position: absolute;
				top: 35px;
				left: 20px;
				background: #FFFFFF;
				font-family: "微软雅黑";
			}
			.left p{
				font-size: 12px;
				color: red;
				position: absolute;
				top: 45px;
				left: 135px;
			}
			.right{
				position: absolute;
				top: 130px;
				left: 470px;
				width: 300px;
				height: 350px;
				background: #FFFFFF;
				border-style: solid;
				border-color: #CCCCCC;
			}
			.right span{
				font-size: 18px;
				position: absolute;
				top: 35px;
				left: 20px;
				background: #FFFFFF;
				font-family: "微软雅黑";
			}
			.right p{
				font-size: 12px;
				color: red;
				position: absolute;
				top: 45px;
				left: 135px;
			}
			.a {
				/*width: 100px;
				height: 30px;*/
				position: relative;
				top: -150px;
				right: -80px;
				z-index: 5;
			
			}
			.a ul{
			
				height: 30px;
				font-family: "微软雅黑";
				font-size: 14px;
				color: #696969;
				/*padding-left: 90px;
				padding-top: 26px;
				font-size: 25px;
				margin: 0 auto;*/
			}
			.a ul li{
				/*float: left;
				margin: 0 20px;*/
					background: #FFFFFF;
					line-height: 2em;
					
			}
			.a a:link,.a a:visited{
					/*font-size: 16px;
				font-weight: bold;*/
				background: #FFFFFF;
				color: #000;
				text-decoration: none;
				}
			.a a:hover{
						font-size: 18px;
					color: red;
					text-decoration: underline;
			}
			.b {
				width: 250px;
			/*	height: 30px;*/
				position: relative;
				top: -180px;
				right: -380px;
				z-index: 5;
				}
			.b ul{
				height: 30px;
				font-family: "微软雅黑";
				font-size: 14px;
				color: #696969;
				
			}
			.b ul li{
				background: #FFFFFF;
						line-height: 2em;
			}
			.c{
				position: absolute;
				top: 80px;
				left: 25px;
			/*	width: 280px;*/
			/*	height: 30px;*/
				background: #fff;
			}
			.c img{
				padding: 8px;
				background: #fff;
				
			}
			.c a:link,.c a:visited{
		/*		border-color:#696969 ;*/
				text-decoration: none;
				background: orange;
				}
			.c a:hover{
					border-color: #FF0000;
					color: #000000;
					text-decoration: underline;
			}
			.shurukuang{
				height: 20px;
				background: #FFFFFF;
				position: relative;
				top: -15px;
				right: 10px;
				
			}
			.footer{
				width: 900px;
				left: 40px;
				position: relative;
				top: -100px;
			}
			.footer p{
				font-size: 12px;
				color: powderblue;
				
			}
			
			.clear{
				clear: both;
			}
			.dr{
				width: 200px;
				height: 35px;
				background: orange;
				position: relative;
				top: 50px;
				right: 55px;
				border-radius: 10px;
			}
			.dr strong{
				font-size: 18px;
				background-color: orange;
				color: #FFFFFF;
				position: absolute;
				top: 8px;
				left: 80px;
			}
			.dr a:link,.dr a:visited{
				color: #FFFFFF;
				background-color: orange;
				text-decoration: none;
			
				}
			.dr a:hover{
					background-color: ;
					color: blue;
					text-decoration: none;
					}
				.dr p{
					font-size: 14px;
					position: absolute;
					left: 20px;
					top: 55px;
					color: #696969;
					
				}
			.dibudengru{
				position: absolute;
				top: 200px;
				right: 50px;
				background: #fff;
				width: 150px;
			}
			/*.dibudengru a:link,.dibudengru a:visited{
				background: orange;
				text-decoration: none;
			}
			.dibudengru a:hover{
					background-color: ;
					color: blue;
					text-decoration: none;}*/
			.wjmm a:link,.wjmm a:visited{
				color: #696969;
				background: #FFFFFF;
				/*background-color: orange;*/
				text-decoration: none;
			
				}
			.wjmm a:hover{
					background-color: ;
					color: #000000;
					font-weight: bold;
					text-decoration: none;
					}
			.yinying{
					text-shadow: 12px 8px 3px #CCCCCC;	
					}
			.biaodan{
				position: absolute;
				top: 100px;
				right: 150px;
				background: #FFFFFF;
				width: 600px;
				height: 300px;
					position: absolute;
			}
			.biaodan form{
				height: 250px;
		
					width: 500px;
				background-image: url(img/bg03.jpg);
				margin: 0 auto;
				padding: 15px;
			}
			.biaodan fieldset{
				height: 220px;
				background: none;
				color: #fff;
				width: 450px;
				margin: 5px auto;
			
			}
			.biaodan legend{
				background: none;
			}
			.biaodan label{
				color: #000000;
				width: 70px;
				text-align: right;
				display: inline-block;
				background: #FFFFFF;
			}
			.yonghuming{
				position: absolute;
				top: 50px;
				font-size: 12px;
				right: 200px;
				background: #FFFFFF;
					width: 225px;
			}
			.mima{
				position: absolute;
				top: 80px;
				font-size: 12px;
				right: 200px;
				background: #FFFFFF;
					width: 225px;
			}
			.querenmima{
				position: absolute;
				top: 110px;
				font-size: 12px;
				right: 200px;
				background: #FFFFFF;
					width: 225px;
			}
			.xingbie{
				position: absolute;
				top: 140px;
				font-size: 12px;
				right: 200px;
				background: #FFFFFF;
				width: 225px;
				color: #000000;
			}
			.lianxidianhua{
					position: absolute;
				top: 80px;
				font-size: 12px;
				right: 200px;
				background: #FFFFFF;
					width: 225px;
			}
			.anniu{
				position: absolute;
				top: 200px;
				font-size: 12px;
				right: 200px;
				background: none;
				
				width: 225px;
			}
			.tj{
				font-size: 20px;
				float: left;
			}
			.cz{
				font-size: 20px;
				float: right;
			}
			.beizhu{
				position: relative;
				top: 45px;
				left: -35px;
	
				background: none;
				font-size: 8px;
			}
			.beizhu p{
				background: none;
				color: red;
			}
			/*.biaodan p1{
				position: absolute;
				top: 80px;
				font-size:16px ;
				left: 180px;
				background: #FFFFFF;
				color: #000000;
				}
			.biaodan p2{
				position: absolute;
				top: 30px;
				font-size:16px ;
				left: 0px;
				background: #FFFFFF;
				}*/
			.biaodan input{
				background: #FFFFFF;
			}
		</style>
	</head>
	<body>
		<div class="father">
			<div class="top">
				<img src="img/乒乓球logo.png" width="80" height="60">
				<strong>中国乒乓球协会会员注册系统</strong>
			</div>
			<div class="main">
				<p class="yinying">找回密码</p>
				<span><a href="JS index.html">返回首页</a></span>&nbsp;&nbsp;&nbsp;
				<span><a href="中国乒乓球协会会员注册系统.html">返回上注册系统</a></span>&nbsp;&nbsp;&nbsp;
				<span><a href="#">联系我们</a></span>
		<div class="biaodan">
		<form action="" method="post" name="meform">
			<fieldset>
				<legend>手机号找回</legend>
				<div class="yonghuming">
					<label>用户名：</label><input type="text" name="用户名" placeholder="请输入用户名" size="20" required="required">
				</div>
				
				<div class="lianxidianhua">
					<label>联系方式：</label><input type="tel" max="11" required="required" placeholder="请输入您的号码！" >
				</div>
				<div class="beizhu">
				<p>*请填写注册时所填写的手机号</p>
				</div>
				<div class="xingbie">
					<label>会员形式：</label><input type="radio" name="xb" required="required">会员<input type="radio" name="xb" required="required">非会员
					</div>
				<div class="anniu">
					<input type="submit" value="提交" class="tj">
					<input type="reset" value="重置" class="cz">
				</div>
			</fieldset>
		</form>
		</div>
			<div class="clear"></div>
			</div>	
			<div class="a">
				<ul>
					<li>网上传播视听节目许可证：<a href="信息许可证.html">0105094</a></li>
					<li> ICP经营许可证：京ICP证030713号4</li>
				</ul>
			</div>
			<div class="b">
				<ul>
					<li>发证机关：国家广播电影电视总局</li>
					<li>京公网安备11010102000807号</li>
				</ul>
			</div>
				<hr />
			<div class="footer">
				<p>咨询联系电话：010-67171178   管理员登陆 　| 　&copy; 2013 sports.cn Corporation,All Rights Reserved 华奥星空 版权所有</p>
			</div>
		</div>
	</body>
</html>
